<template>
  <!--  <el-menu :default-openeds="['/device']" :default-active="'/device/'" router>-->
  <el-menu :default-active="'/home/system/user/list'" :default-openeds="['/home/system']" router active-text-color="rgb(0,160,255)" background-color="rgb(41,66,86)" text-color="#fff">
    <el-sub-menu index="/home/system">
      <template #title>
        <el-icon><message /></el-icon>系统管理
      </template>
      <el-menu-item-group>
        <el-menu-item index="/home/system/user/list">用户管理</el-menu-item>
        <el-menu-item index="/home/system/chart/list">数据展示</el-menu-item>
      </el-menu-item-group>
    </el-sub-menu>
    <el-sub-menu index="/home/partner">
      <template #title>
        <el-icon><message /></el-icon>加盟合作
      </template>
      <el-menu-item-group>
        <el-menu-item index="/home/partner/investors/list">投资商管理</el-menu-item>
        <el-menu-item index="/home/partner/contracts/list">合约管理</el-menu-item>
      </el-menu-item-group>
    </el-sub-menu>
    <el-sub-menu index="/home/operate">
      <template #title>
        <el-icon><message /></el-icon>推广运营
      </template>
      <el-menu-item-group>
        <el-menu-item index="/home/operate/customers/list">客户管理</el-menu-item>
        <el-menu-item index="/home/operate/coupons/list">礼券管理</el-menu-item>
        <el-menu-item index="/home/operate/promotions/list">活动管理</el-menu-item>
        <el-menu-item index="/home/operate/invitations/list">邀请管理</el-menu-item>
        <el-menu-item index="/home/operate/block/list">组团管理</el-menu-item>
      </el-menu-item-group>
    </el-sub-menu>
    <el-sub-menu index="/home/station">
      <template #title>
        <el-icon><message /></el-icon>站点管理
      </template>
      <el-menu-item-group>
        <el-menu-item index="/home/station/chargingStations/list">充电站点</el-menu-item>
        <el-menu-item index="/home/station/ChargingPiles/list">充电桩</el-menu-item>
      </el-menu-item-group>
    </el-sub-menu>
    <el-sub-menu index="/home/transactions">
      <template #title>
        <el-icon><message /></el-icon>交易管理
      </template>
      <el-menu-item-group>
        <el-menu-item index="/home/transaction/records/list">充电记录</el-menu-item>
        <el-menu-item index="/home/transaction/transactions/list">充电流水</el-menu-item>
        <el-menu-item index="/home/transaction/recharge/list">充值记录</el-menu-item>
      </el-menu-item-group>
    </el-sub-menu>
    <el-sub-menu index="/home/hazards">
      <template #title>
        <el-icon><message /></el-icon>隐患故障
      </template>
      <el-menu-item-group>
        <el-menu-item index="/home/hazard/hazards/list">隐患管理</el-menu-item>
        <el-menu-item index="/home/hazard/handle/list">隐患处理</el-menu-item>
        <el-menu-item index="/home/hazard/faults/list">故障管理</el-menu-item>
        <el-menu-item index="/home/hazard/faultsHandle/list">故障处理</el-menu-item>
      </el-menu-item-group>
    </el-sub-menu>
    <el-sub-menu index="/home/monitor">
      <template #title>
        <el-icon><message /></el-icon>实时监控
      </template>
      <el-menu-item-group>
        <el-menu-item index="/home/monitor/video/list">视频监控</el-menu-item>
        <el-menu-item index="/home/monitor/dashboard/list">监控看板</el-menu-item>
      </el-menu-item-group>
    </el-sub-menu>
    <el-sub-menu index="/home/parameter">
      <template #title>
        <el-icon><message /></el-icon>参数设置
      </template>
      <el-menu-item-group>
        <el-menu-item index="/home/parameter/fee/list">费用设置</el-menu-item>
        <el-menu-item index="/home/parameter/process/list">流程管理</el-menu-item>
      </el-menu-item-group>
    </el-sub-menu>
  </el-menu>
</template>

<script lang="ts" setup>
import { Message } from '@element-plus/icons-vue'
</script>

<style scoped>
.el-menu-vertical-demo:not(.el-menu--collapse) {
  width: 180px;
  min-height: 400px;
}
.el-tabs__content {
  padding: 0 !important;
}

</style>